<template>
  <div>
    <banner-com></banner-com>
    <news-goods></news-goods>
    <recommend-com></recommend-com>
    <brand-com></brand-com>
    <goods-list></goods-list>
    <new-section></new-section>
  </div>
</template>

<script>
import bannerCom from './child/banner.vue'
import newsGoods from './child/newGoods.vue'
import recommendCom from './child/recommend.vue'
import brandCom from './child/brand.vue'
import goodsList from './child/goodsList.vue'
import newSection from './child/newSection.vue'
import { _Allgoods } from '../../api/home'
export default {
  components: {
    bannerCom,
    newsGoods,
    recommendCom,
    brandCom,
    goodsList,
    newSection
  },
  created () {
    _Allgoods().then(res => {
      console.log(res)
    })
  }
}
</script>
<style lang="less">
.test {
  width: 400px;
  height: 400px;
  background: red;
}
</style>
